// css 变量 与 常用函数
@colorBg: #f4f4f4;
@colorWhite: #fff;
@color333: #333;
@color666: #666;
@color999: #999;
@colorD0021B: #D0021B;
@colorDFB77D: #DFB77D;
@colorFFF3F3: #FFF3F3;
@colorFF3B3B: #FF3B3B;
@color934900: #934900;
@colorE5E5E5: #E5E5E5;
@colorE7E7E7: #E7E7E7;
@color343339: #343339;
@color4A4A4A: #4A4A4A;
@colorDA291C: #DA291C;

@fontFamilyNormal: PingFangSC-Regular;
@fontFamilyLight: PingFangSC-Light;
@fontFamilyMedium: PingFangSC-Medium;
@fontWeightNormal: 400;
@fontWeightLight: 400;

@font56: 56px;
@font36: 36px;
@font32: 32px;
@font30: 30px;
@font28: 28px;
@font26: 26px;
@font24: 24px;
@font22: 22px;
@font20: 20px;

.flex(@flexDirection: row, @justifyContent: flex-start, @alignItems: flex-start) {
  display: flex;
  flex-direction: @flexDirection;
  justify-content: @justifyContent;
  align-items: @alignItems;
}
.line(@line: 1) {
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: @line;
}

.borderAll(@color: @colorE5E5E5) {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 200%;
  height: 200%;
  box-sizing: border-box;
  border: 1Px solid @color;
  transform: scale(0.5);
  transform-origin: 0 0;
}
